<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../../foreinclude/foreHander.jsp" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <link href="${pageContext.request.contextPath}/layui/css/layui.css"/>
</head>
<body>
<div class="breadcrumb-area pt-15 pb-15">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-container">
                    <nav>
                        <ul>
                            <%-- Home > Register--%>
                            <li class="parent-page"><a href="/fore/toIndex">Home</a></li>
                            <li>Register</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="page-section mb-50">
    <div class="container">

        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-3 col-xs-12"></div>
            <div class="col-sm-12 col-md-12 col-lg-6 col-xs-12">
                <form class="loginForm">

                    <div class="login-form">
                        <h4 class="login-title">Register</h4>
                        <div class="row">
                            <div class="col-md-6 col-12 mb-20">
                                <label>用户名</label>
                                <input class="mb-0" type="text" id="username" placeholder="请输入用户名"/>
                            </div>
                            <div class="col-md-6 col-12 mb-20">
                                <label>密码</label>
                                <input class="mb-0" type="password" name="password" id="password" placeholder="">
                            </div>
                            <div class="col-md-12 mb-20">
                                <label>确认密码</label>
                                <input class="mb-0" type="text" name="address" id="address" placeholder="Email Address">
                            </div>
                            <div class="col-md-6 mb-20">
                                <label>手机</label>
                                <input class="mb-0" type="text" id="phone" placeholder="Password"/>
                            </div>
                            <div class="col-12">
                                <button id="reg" type="button" class="register-button mt-0">注册</button>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">

    $("#username").blur(function () {
        var username = $("#username").val();
        var param = {"username": username};
        $.post("/fore/toCheckUsername", param, function (data) {
                if (data.state == 200) {
                    layer.msg(data.message);
                } else {
                    layer.msg(data.message);
                }
            },
            "json"
        );
    });
</script>

<%@ include file="../../foreinclude/foreFooter.jsp" %>
</html>


